<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
	  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="copyright" content=""/>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
	  <title>设置-社交账号</title>
	<link href="https://cdn.jsdelivr.net/gh/bootcdn/BootCDN/ajax/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
	<link href="${pageContext.request.contextPath}/css/system/public.css" />
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/system/set.css" /> 
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/system/alert.css" />
</head>
<body>
<div class="s_popup_delect2">
	<div class="s_consum">
		<p id="dialog_title"></p>
	</div>
</div>
    <ul class="s_header fix">
        <li><img src="${pageContext.request.contextPath}/images/system/logo.png" /></li>
        <li><a href="javascript:;">客户</a></li>
        <li><a href="javascript:;">营销</a></li>
        <li class="s_quit"><a href="javascript:;">退出系统</a></li>
        <li class="s_set s_header_on"><a href="javascript:;"><img src="${pageContext.request.contextPath}/images/system/icon_sets.png" /> 设置</a></li>
    </ul>
    <div class="fix">
      <div class="leftMenu">
          <ul class="s_left_list fix">
              <li class="s_title_on"><a href="javascript:;"><img src="${pageContext.request.contextPath}/images/system/icon_2.png" /> 社交账号</a></li>
              <li><a href="s03.html"><img src="${pageContext.request.contextPath}/images/system/icon_3.png" /> 企业资料</a></li>
              <li><a href="s05.html"><img src="${pageContext.request.contextPath}/images/system/icon_5.png" /> 个人资料</a></li>
              <li><a href="s06.html"><img src="${pageContext.request.contextPath}/images/system/icon_7.png" /> 账号管理</a></li>
              <li><a href="s07.html"><img src="${pageContext.request.contextPath}/images/system/icon_9.png" /> 角色设置</a></li>
              <li><a href="s08.html"><img src="${pageContext.request.contextPath}/images/system/icon_11.png" /> 部门管理</a></li>
          </ul>
      </div>
      <div class="s_content">
          <div class="s_binding">            
              <p>
                  <img src="${pageContext.request.contextPath}/images/system/s_weibo.png" />
                  <a href="javascript:;" class="k_weibo">绑定微博</a>
                  <a href="javascript:;" class="s_weibo_relieve">解除绑定</a>

                  <img src="${pageContext.request.contextPath}/images/system/s_email.png" />
                  <a href="javascript:;" class="k_email">绑定邮箱</a>
                  <a href="javascript:;" class="s_email_relieve">解除绑定</a>

                  <span class="s_fk_pic1">
                    <img src="${pageContext.request.contextPath}/images/system/s_check_no.png" _id="1" /> 首页显示
                  </span>
              </p>
          </div>
      </div>
    </div>

    <!-- 解除绑定微博弹出框 -->
    <div class="s_popup">
        <div class="issue">
            <span><img src="${pageContext.request.contextPath}/images/system/close.png" /></span>
            <h4><img src="${pageContext.request.contextPath}/images/system/warning.png" /> 解除绑定微博</h4>
            <p>解除绑定后，您将无法获取微博线索,也无法与微博 客户联系,确定解绑微博？</p>
            <ol class="fix">
                <li><a href="javascript:;" class="s_cancel">取消</a></li>
                <li><a href="javascript:;">确定</a></li>
            </ol>
        </div>
    </div>

    <!-- 绑定邮箱弹出框 -->
    <div class="s_popup_email">
        <div class="issue_email">
            <span><img src="${pageContext.request.contextPath}/images/system/close.png" /></span>
            <h4>绑定邮箱</h4>
            <ul class="fix">
                <li>
                  <span>邮箱</span>
                  <div class="s_input_box">
                    <input type="text" />
                  </div>
                </li>
                <li>
                  <span>密码</span>
                  <div class="s_input_box">
                    <input type="text" />
                  </div>
                </li>
                <em>QQ邮箱请输入16位STMP口令</em>
            </ul>
            <ol class="fix">
                <li><a href="javascript:;" class="s_cancels">取消</a></li>
                <li><a href="javascript:;">绑定</a></li>
            </ol>
        </div>
    </div>

    <!-- 解除绑定邮箱弹出框 -->
    <div class="k_popup">
        <div class="k_issue">
            <span><img src="${pageContext.request.contextPath}/images/system/close.png" /></span>
            <h4><img src="${pageContext.request.contextPath}/images/system/warning.png" /> 解除绑定邮箱</h4>
            <p>解除绑定后，您将无法发送邮件,确定解绑微博？</p>
            <ol class="fix">
                <li><a href="javascript:;" class="k_cancel">取消</a></li>
                <li><a href="javascript:;">确定</a></li>
            </ol>
        </div>
    </div>

	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
    <script>
        $('.s_fk_pic1').click(function(){
          var id = $(this).find('img').attr('_id');
            if(id == 1){
              $('.s_fk_pic1 img').attr('src', '${pageContext.request.contextPath}/images/system/s_check.png');
              $(this).find('img').attr('_id' , '2');
            }else{
              $('.s_fk_pic1 img').attr('src', '${pageContext.request.contextPath}/images/system/s_check_no.png');
              $(this).find('img').attr('_id' , '1');
            }
        });

        
        $('.s_popup .issue span,.s_cancel').click(function(){
            $('.s_popup,.issue').hide();
        });

        $('.k_weibo').click(function(){
            $(this).hide();
            $('.s_weibo_relieve').show();
        });

        $('.s_weibo_relieve').click(function(){
            $('.s_popup,.issue').show();
        });

        $('.k_email').click(function(){
           $(this).hide();
            $('.s_email_relieve').show();
        });

        $('.s_email_relieve').click(function(){
            $('.k_popup,.k_issue').show();
        });

        $('.s_cancels,.issue_email span').click(function(){
          $('.s_popup_email,.issue_email').hide();
        });

        $('.k_cancel,.k_issue span').click(function(){
            $('.k_popup,.k_issue').hide();
        })
    </script>
</body>
</html>